﻿<%@ Page Language="C#" MasterPageFile="Utils.master" AutoEventWireup="true"
    CodeFile="MyAccountInfo.aspx.cs" Inherits="Members_MyAccountInfo" Title="My Sueetie Account Information" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="cpBody" runat="server">
    <div align="center">
        <div class="CreateAccountArea">
            <h2 class="MessageTitle">
                Your Account Information
            </h2>
            <div class="MessageContent">
                <div class="FormArea">
                    <div class="FormFieldDescription">
                        Introduce yourself to the Sueetie Community by sharing information about yourself.
                    </div>
                    <div class="JoinArea">
                        <%-- ajax script manager --%>
                        <asp:ScriptManager ID="ScriptManager1" runat="server">
                        </asp:ScriptManager>
                        <%-- ajax update panel start --%>
                        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                            <ContentTemplate>
                                <%-- ajax tab container start --%>
                                <cc1:TabContainer ID="tcntUserInfo" runat="server" ActiveTabIndex="1" Width="100%"
                                    Font-Size="10px">
                                    <cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="Change Password">
                                        <ContentTemplate>
                                            <div style="font-size: 14px;">
                                                <p>
                                                </p>
                                                <table width="600" cellpadding="4" cellspacing="4" border="0">
                                                    <tr>
                                                        <td align="right">
                                                            Current Password
                                                        </td>
                                                        <td>
                                                            <asp:TextBox ID="txtCurrentPassword" runat="server" Width="220"
                                                                TextMode="password" /><asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server"
                                                                    ErrorMessage=" * " CssClass="BigErrorMessage" ControlToValidate="txtCurrentPassword" ValidationGroup="PasswordGroup" />
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td align="right">
                                                            New password
                                                        </td>
                                                        <td>
                                                            <asp:TextBox ID="txtNewPassword1" runat="server" Width="220"
                                                                TextMode="password" /><asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
                                                                    ErrorMessage=" * " CssClass="BigErrorMessage" ControlToValidate="txtNewPassword1" />
                                                            <asp:RegularExpressionValidator ID="RegularExpressionValidator2" ControlToValidate="txtNewPassword1"
                                                                Display="Dynamic" Text="<br>Password must contain at least 6 characters.  No spaces."
                                                                ValidationExpression="\w{6,}" runat="Server" ValidationGroup="PasswordGroup" />
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td align="right">
                                                            Confirm password
                                                        </td>
                                                        <td>
                                                            <asp:TextBox ID="txtNewPassword2" runat="server" Width="220"
                                                                TextMode="password" /><asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server"
                                                                    ErrorMessage=" Doesn't match... " CssClass="BigErrorMessage" ControlToValidate="txtNewPassword2" />
                                                            <asp:CompareValidator ID="ComparePassword" runat="server" ControlToValidate="txtNewPassword2"
                                                                ControlToCompare="txtNewPassword1" Display="Dynamic" CssClass="BigErrorMessage" ValidationGroup="PasswordGroup">*</asp:CompareValidator>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                        </td>
                                                        <td>
                                                            <div class="TextButtonBigArea">
                                                                <asp:Button ID="CancelButton" OnClick="Cancel_Click" runat="server" Text="Cancel"
                                                                    CssClass="TextButtonBig" CausesValidation="False" />&nbsp;
                                                                <asp:Button ID="ChangePasswordButton" OnClick="ResetPassword_Click" runat="server"
                                                                    Text="Update" CssClass="TextButtonBig" ValidationGroup="PasswordGroup" />
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </table>
                                                <div class="ChangePasswordMessageArea">
                                                    <asp:Literal ID="ResultsText" runat="server" />
                                                </div>
                                            </div>
                                        </ContentTemplate>
                                    </cc1:TabPanel>
                                    <cc1:TabPanel ID="TabPanel3" runat="server" HeaderText="Edit My Profile">
                                        <ContentTemplate>
                                            <div style="font-size: 14px;">
                                                <p>
                                                </p>
                                                <div class="formSectionTitle">
                                                    Personal</div>
                                                <p>
                                                </p>
                                                <table cellpadding="2" style="width: 555px">
                                                    <tr>
                                                        <td width="190" class="formLabelsText">
                                                            Display Name
                                                        </td>
                                                        <td width="360">
                                                            <asp:TextBox   ID="txtDisplayName" runat="server" Width="80%" MaxLength="50" />
                                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage=" * "
                                                                CssClass="BigErrorMessage" ControlToValidate="txtDisplayName" ValidationGroup="ProfileGroup" />
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="formLabelsText">
                                                            Email
                                                        </td>
                                                        <td>
                                                            <asp:TextBox  ID="txtEmail" runat="server" Width="80%" MaxLength="50" />
                                                            <asp:RequiredFieldValidator ID="emailReq" runat="server" ControlToValidate="txtEmail"
                                                                ErrorMessage=" * " CssClass="BigErrorMessage" ValidationGroup="ProfileGroup" />
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="formLabelsText">
                                                            Gender
                                                        </td>
                                                        <td>
                                                            <asp:DropDownList runat="server" ID="ddlGenders">
                                                                <asp:ListItem Text="Please select one..." Selected="True" />
                                                                <asp:ListItem Text="Male" Value="M" />
                                                                <asp:ListItem Text="Female" Value="F" />
                                                            </asp:DropDownList>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="formLabelsText">
                                                            Country
                                                        </td>
                                                        <td width="300">
                                                            <asp:DropDownList ID="ddlCountries" runat="server" AppendDataBoundItems="True" Width="200">
                                                                <asp:ListItem Selected="True" Text="Please select one..." />
                                                            </asp:DropDownList>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="formLabelsText">
                                                            Occupation:
                                                        </td>
                                                        <td>
                                                            <asp:DropDownList ID="ddlOccupations" runat="server" Width="200">
                                                                <asp:ListItem Text="Please select one..." Selected="True" />
                                                                <asp:ListItem Text="Academic" />
                                                                <asp:ListItem Text="Accountant" />
                                                                <asp:ListItem Text="Actor" />
                                                                <asp:ListItem Text="Architect" />
                                                                <asp:ListItem Text="Artist" />
                                                                <asp:ListItem Text="Business Manager" />
                                                                <asp:ListItem Text="Carpenter" />
                                                                <asp:ListItem Text="Chief Executive" />
                                                                <asp:ListItem Text="Cinematographer" />
                                                                <asp:ListItem Text="Civil Servant" />
                                                                <asp:ListItem Text="Coach" />
                                                                <asp:ListItem Text="Composer" />
                                                                <asp:ListItem Text="Computer programmer" />
                                                                <asp:ListItem Text="Cook" />
                                                                <asp:ListItem Text="Counsellor" />
                                                                <asp:ListItem Text="Doctor" />
                                                                <asp:ListItem Text="Driver" />
                                                                <asp:ListItem Text="Economist" />
                                                                <asp:ListItem Text="Editor" />
                                                                <asp:ListItem Text="Electrician" />
                                                                <asp:ListItem Text="Engineer" />
                                                                <asp:ListItem Text="Executive Producer" />
                                                                <asp:ListItem Text="Fixer" />
                                                                <asp:ListItem Text="Graphic Designer" />
                                                                <asp:ListItem Text="Hairdresser" />
                                                                <asp:ListItem Text="Headhunter" />
                                                                <asp:ListItem Text="HR - Recruitment" />
                                                                <asp:ListItem Text="Information Officer" />
                                                                <asp:ListItem Text="IT Consultant" />
                                                                <asp:ListItem Text="Journalist" />
                                                                <asp:ListItem Text="Lawyer / Solicitor" />
                                                                <asp:ListItem Text="Lecturer" />
                                                                <asp:ListItem Text="Librarian" />
                                                                <asp:ListItem Text="Mechanic" />
                                                                <asp:ListItem Text="Model" />
                                                                <asp:ListItem Text="Musician" />
                                                                <asp:ListItem Text="Office Worker" />
                                                                <asp:ListItem Text="Performer" />
                                                                <asp:ListItem Text="Photographer" />
                                                                <asp:ListItem Text="Presenter" />
                                                                <asp:ListItem Text="Producer / Director" />
                                                                <asp:ListItem Text="Project Manager" />
                                                                <asp:ListItem Text="Researcher" />
                                                                <asp:ListItem Text="Salesman" />
                                                                <asp:ListItem Text="Social Worker" />
                                                                <asp:ListItem Text="Soldier" />
                                                                <asp:ListItem Text="Sportsperson" />
                                                                <asp:ListItem Text="Student" />
                                                                <asp:ListItem Text="Teacher" />
                                                                <asp:ListItem Text="Technical Crew" />
                                                                <asp:ListItem Text="Technical Writer" />
                                                                <asp:ListItem Text="Therapist" />
                                                                <asp:ListItem Text="Translator" />
                                                                <asp:ListItem Text="Waitress / Waiter" />
                                                                <asp:ListItem Text="Web designer / author" />
                                                                <asp:ListItem Text="Writer" />
                                                                <asp:ListItem Text="Other" />
                                                            </asp:DropDownList>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="formLabelsText">
                                                            Website
                                                        </td>
                                                        <td>
                                                            <asp:TextBox ID="txtWebsite" runat="server" Width="80%" MaxLength="200"  />
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="formLabelsText">
                                                            Twitter Name
                                                        </td>
                                                        <td>
                                                            <asp:TextBox ID="txtTwitterName" runat="server" Width="200" MaxLength="50"   />
                                                        </td>
                                                    </tr>
                                                    <tr><td colspan="2" style="height: 12px;">
                                                    
                                                    </td></tr>
                                                    <tr>
                                                        <td>
                                                        </td>
                                                        <td>
                                                            <asp:Button ID="btnUpdateProfile" runat="server" Text="Update Profile" 
                                                                OnClick="btnUpdateProfile_Click" CssClass="TextButtonBig" ValidationGroup="ProfileGroup"  />
                                                            &nbsp;
                                                            <asp:Label ID="lblProfileMessage" runat="server" />
                                                        </td>
                                                    </tr>
                                                       <tr><td colspan="2" style="height: 20px;">
                                                    
                                                    </td></tr>
                                                </table>
                                            </div>
                                        </ContentTemplate>
                                    </cc1:TabPanel>
                                </cc1:TabContainer>
                                <p>
                                </p>
                                <%-- ajax update panel end --%>
                            </ContentTemplate>
                        </asp:UpdatePanel>
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
